import React from 'react';
import {Observer,inject} from 'mobx-react'
import MyNav from "../com/MyNav/MyNav";
let main = {
    width: '70vw',
    height: '90vh',
    padding:' 5vh 5vw',
    outline: '1px solid red'
}
@inject("homeStore")
@Observer
class IndexPage extends React.Component{
    render() {
        return(
            <div style={{display:'flex'}}>
                <MyNav/>
                <div className="main" style={main}>
                    <div style={{textAlign:'cnter'}}>
                        <button onClick={this.props.homeStore.loginOut}>退出登录</button>
                    </div>
                    {this.props.children}
                </div>
            </div>
        )
    }
}
export default IndexPage